<div style=" position:fixed; height:42px; border-bottom:1px #ccc solid; left:200px; top:50px; right: 0px; border-left: 5px #E4E6E9 solid;">
<div class="pull-right" style="margin: 10px 20px 0px 0px">
	<a href="javascript:void(0)" id="reflush_btn"><span class="glyphicon glyphicon-refresh"></span></a>  
</div>
<ol class="breadcrumb" id="breadcrumb">
  <li><a href="#"><span class="glyphicon glyphicon-home"></span> Home</a></li>
  <li><a href="#"><span class="glyphicon glyphicon-fire"></span> Library</a></li>
  <li class="active"><span class="glyphicon glyphicon-gift"></span> Data</li>
</ol>
</div>
<script language="javascript">
$(function(){
	$('#reflush_btn').click(function(){
		$('.loadingmark').show();
		$('#mainFrame').attr('src',window.frames[0].window.location.href );
	});
	 $("#mainFrame").on('load', function() {
	 	setTimeout(function(){
			$('.loadingmark').fadeOut();
		},500);
	 });
	 $('a').click(function(){
	 	if($(this).attr('target')=='mainFrame'){
			$('.loadingmark').show();
		}
	 });
});
</script>